﻿@model Chilis.Caja.Data.Models.Arqueo
@{  
    ViewBag.Title = "Aqueo";
    Layout = "~/Views/Shared/_Layout.cshtml";

    List<Chilis.Caja.Data.Models.Denominacion> lsdenobs = ViewBag.denobs;
    List<Chilis.Caja.Data.Models.Denominacion> lsdenoms = ViewBag.denoms;
    List<Chilis.Caja.Data.Models.Denominacion> lsdenodb = ViewBag.denobd;
}

<script type="text/javascript">

    $(function () {


        $("#dialogValidar").dialog({
            autoOpen: false,
            height: 180,
            width: 250,
            modal: true,
            close: function () { },
            buttons: {
                "Aceptar": function () { },
                "Cancelar": function () { $(this).dialog("close"); }
            }
        });


        $("#bbuscar").click(function () {
            var sPath = "@(Url.Action("Buscar"))";

            var thisto = $("#tHistorial");
            thisto.find("tr:gt(0)").remove();

            $.getJSON(sPath,
            function(data) {

                $.each(data, function( index, item) {
                    thisto.append("<tr><td><a href='/arqueo/Seleccionar?idArquero=" + item.Arqueo + "'>" + item.Arqueo + "</a></td><td><a href='/arqueo/Seleccionar?idArquero=" + item.Arqueo + "'>" + item.Fecha + "</a></td><td><a href='/arqueo/Seleccionar?idArquero=" + item.Arqueo + "'>" + item.Turno +  "</a></td><td><a href='/arqueo/Seleccionar?idArquero=" + item.Arqueo + "'>" + item.Hora + "</a></td><td><a href='/arqueo/Seleccionar?idArquero=" + item.Arqueo + "'>" + item.Cajero + "</a></td><td><a href='/arqueo/Seleccionar?idArquero=" + item.Arqueo + "'>" + item.Caja + "</a></td></tr>");
                });

            });
            
        });

        $("#chkValidar").change(function () {
            $('#dialogValidar').dialog('open');
        });

        $("#dialogHistorial").dialog({
            autoOpen: false,
            height: 600,
            width: 800,
            modal: true,
            close: function () { },
        });

        $("#btnHistorial").click(function () {
            $('#dialogHistorial').dialog('open');
        });

        function roundNumber(rnum, rlength) {
            return newnumber = Math.round(rnum * Math.pow(10, rlength)) / Math.pow(10, rlength);
        }


        $("#bnuevo").click(function () {
            $("input[type=text]").val("");
            $(".bsoles").val("0");
            $(".msoles").val("0");
            $(".bdolares").val("0");
            $(".ctot").val("0");
            $("#txtTC").val($("#hdTC").val());
        });

        var calcularGeneral = function () {

            var vtotbsoles = parseFloat($("#totbsoles").val(), 10);
            var vtotmsoles = parseFloat($("#totmsoles").val(), 10);
            var vtotbdolares = parseFloat($("#totbdolares").val(), 10);
            var vtotcredito = parseFloat($("#totcredito").val(), 10);

            var vtc = parseFloat($("#txtTC").val(), 10)

            $("#TotalGen").val(roundNumber(vtotbsoles + vtotmsoles + (vtotbdolares * vtc) + vtotcredito, 2));

            var vTotalGen = parseFloat($("#TotalGen").val(), 10);

            $("#subTotalGen").val(roundNumber(vTotalGen * 0.82, 2));
            $("#IGVGen").val(roundNumber(vTotalGen * 0.18, 2));
        };

        function calcbsoles() {
            var total = 0;

            $.each($(".bsoles"), function () {
                total += parseFloat($(this).data("valor"), 10) * parseFloat($(this).val(), 10);
            });

            $("#totbsoles").val(roundNumber(total, 2));
        }

        $(".bsoles").change(function () {
            calcbsoles();
            calcularGeneral();

        });

        function calcmsoles() {
            var total = 0;

            $.each($(".msoles"), function () {
                total += parseFloat($(this).data("valor"), 10) * parseFloat($(this).val(), 10);
            });

            $("#totmsoles").val(roundNumber(total, 2));
        }


        $(".msoles").change(function () {
            calcmsoles();
            calcularGeneral();

        });

        function calcbdolares() {
            var total = 0;

            $.each($(".bdolares"), function () {
                total += parseFloat($(this).data("valor"), 10) * parseFloat($(this).val(), 10);
            });

            $("#totbdolares").val(roundNumber(total, 2));
        }

        $(".bdolares").change(function () {

            calcbdolares()
            calcularGeneral();

        });


        var calcularCredito = function () {
            var total = 0;

            $.each($(".mcredito"), function () {
                total += parseFloat($(this).text(), 10);
            });

            $("#totcredito").val(roundNumber(total, 2));

            calcularGeneral();
        };



        $("#addCredito").click(function () {

            var otr = $("#tcredito").append("<tr><td>" + $("#stipo").val() + "</td><td>" + $("#vvoucher").val() + "</td><td><span class='mcredito'>" + $("#vmonto").val() + "</span></td><td><input type='button' value='-' class='bquitar  boton' /></td></tr>");
            calcularCredito();
        });

        $(".bquitar").live("click", function () {

            $(this).parent().parent().remove();
            calcularCredito();
        });


        $(".bsoles").autoNumeric({ aSep: '', mDec: 0 });
        $(".msoles").autoNumeric({ aSep: '', mDec: 0 });
        $(".bdolares").autoNumeric({ aSep: '', mDec: 0 });
        $("#vmonto").autoNumeric({ aSep: '', mDec: 2 });
        $("#Saldo").autoNumeric({ aSep: '', mDec: 2 });

        calcbsoles();
        calcmsoles();
        calcbdolares();
        calcularGeneral();
    });

</script>

<h1>Aqueo</h1>

<form action="Arqueo" method="post"">

<div class="group">
    <fieldset>
	<legend>
        <h2>Datos Generales</h2>
     </legend>

<table>

<tr>
    <td>Código Arqueo
    </td>
    <td>
    
    @if (Model == null)
    {
        <input id="txtIdArqueo" name="txtIdArqueo" type="text" style="width:90%"  readonly/>
    }
    else
    { 
        <input id="txtIdArqueo" name="txtIdArqueo" type="text" style="width:90%" readonly value="@Model.IdArqueo" />
    }
    
    </td>
    <td>Fecha
    </td>
    <td>

    @if (Model == null)
    {
        <input type="text" style="width:90%" readonly />
    }
    else
    { 
        <input type="text" style="width:90%" readonly value="@Model.FechaHoraArqueo.ToShortDateString()" />
    }
    
    </td>
    <td>Turno
    </td>
    <td>
    
    @if (Model == null)
    {

        <input type="text" style="width:90%" readonly />
    }
    else
    { 
        <input type="text" style="width:90%" readonly value="@Model.Turno.DescripcionTurno" />
    }
    
    
    </td>
    <td>Hora
    </td>
    <td>
    
    @if (Model == null)
    {
        <input type="text" style="width:90%" readonly />
    }
    else
    { 
        <input type="text" style="width:90%" readonly value="@Model.FechaHoraArqueo.ToShortTimeString()" />
    }
    
    </td>
    <td>T/C
    </td>
    <td>

    @{
    
        String shTipoCambio = Decimal.Parse(Session["TipoCambio"].ToString()).ToString("0.00");

        <input id="hdTC" type="hidden" value="@shTipoCambio"/>
    }

    @if (Model == null)
    {
        String sTipoCambio = Decimal.Parse(Session["TipoCambio"].ToString()).ToString("0.00");
        
        <input id="txtTC" name="txtTC" type="text" style="width:90%" readonly value="@sTipoCambio" />
    }
    else
    { 
        String sTipoCambio = Model.TipoCambio.Value.ToString("0.00");
        
        <input id="txtTC" name="txtTC" type="text" style="width:90%" readonly value="@sTipoCambio" />
    }
    
    </td>
</tr>

<tr>
    <td>Cajero
    </td>
    <td colspan="3">
    @if (Model == null)
    {

        <input type="text" style="width:90%" readonly />
    }
    else
    { 
        <input type="text" style="width:90%" readonly value="@Model.Cajero.IdCajero" />
    }
    
    </td>
    <td>Caja
    </td>
    <td colspan="5">
    
    @if (Model == null)
    {

        <input type="text" style="width:90%" readonly />
    }
    else
    { 
        <input type="text" style="width:90%" readonly value="@Model.Caja.NombreCaja" />
    }
    
    </td>
    
</tr>

</table>

</fieldset>
</div>

<div>

<div style="float:left;height:280px" class="group" />

    <fieldset style="height:250px">
	<legend>
        <h2>Soles - Billetes</h2>
     </legend>

<table style="width:160px">

@foreach (Chilis.Caja.Data.Models.Denominacion oDenominacion in lsdenobs)
{
    if (Model != null)
    {
        var deno = Model.DetalleArqueo.Where(x => x.CodigoDenominacion.Equals(oDenominacion.IdDenominacion));

        if (deno != null && deno.Count() > 0)
        {
            Decimal? dCantidad = ((Chilis.Caja.Data.Models.DetalleArqueo)deno.First()).CantidadDenominacion;
            int Cantidad = int.Parse(dCantidad.Value.ToString("0"));
            
            <tr><td>@oDenominacion.TipoDenominacion</td><td><input type="text" style="width:70px" data-valor="@oDenominacion.ValorDenominacion" id="@oDenominacion.IdDenominacion" name="@oDenominacion.IdDenominacion" class="bsoles" value="@Cantidad" /></td></tr>
        }
        else
        {
            <tr><td>@oDenominacion.TipoDenominacion</td><td><input type="text" style="width:70px" data-valor="@oDenominacion.ValorDenominacion" id="@oDenominacion.IdDenominacion" name="@oDenominacion.IdDenominacion" class="bsoles" value="0" /></td></tr>
        }
    }
    else
    { 
        <tr><td>@oDenominacion.TipoDenominacion</td><td><input type="text" style="width:70px" data-valor="@oDenominacion.ValorDenominacion" id="@oDenominacion.IdDenominacion" name="@oDenominacion.IdDenominacion" class="bsoles" value="0" /></td></tr>
    }
}

</table>
</fieldset>

</div>

<div style="float:left;height:280px" class="group" />
    <fieldset style="height:250px">
	<legend>
        <h2>Soles - Monedas</h2>
     </legend>

<table style="width:160px">
@foreach (Chilis.Caja.Data.Models.Denominacion oDenominacion in lsdenoms)
{
    if (Model != null)
    {
        var deno = Model.DetalleArqueo.Where(x => x.CodigoDenominacion.Equals(oDenominacion.IdDenominacion));

        if (deno != null && deno.Count() > 0)
        {
            Decimal? dCantidad = ((Chilis.Caja.Data.Models.DetalleArqueo)deno.First()).CantidadDenominacion;
            int Cantidad = int.Parse(dCantidad.Value.ToString("0"));
            
            <tr><td>@oDenominacion.TipoDenominacion</td><td><input type="text" style="width:70px" data-valor="@oDenominacion.ValorDenominacion" id="@oDenominacion.IdDenominacion" name="@oDenominacion.IdDenominacion" class="msoles" value="@Cantidad" /></td></tr>
        }
        else
        {
            <tr><td>@oDenominacion.TipoDenominacion</td><td><input type="text" style="width:70px" data-valor="@oDenominacion.ValorDenominacion" id="@oDenominacion.IdDenominacion" name="@oDenominacion.IdDenominacion" class="msoles" value="0" /></td></tr>
        }
    }
    else
    { 
        <tr><td>@oDenominacion.TipoDenominacion</td><td><input type="text" style="width:70px" data-valor="@oDenominacion.ValorDenominacion" id="@oDenominacion.IdDenominacion" name="@oDenominacion.IdDenominacion" class="msoles" value="0" /></td></tr>
    }
}
</table>
</fieldset>
</div>

<div style="float:left;height:280px" class="group" />
    <fieldset style="height:250px">
	<legend>
        <h2>Dólares - Billetes</h2>
     </legend>


<table style="width:160px">
@foreach (Chilis.Caja.Data.Models.Denominacion oDenominacion in lsdenodb)
{
    if (Model != null)
    {
        var deno = Model.DetalleArqueo.Where(x => x.CodigoDenominacion.Equals(oDenominacion.IdDenominacion));

        if (deno != null && deno.Count() > 0)
        {
            Decimal? dCantidad = ((Chilis.Caja.Data.Models.DetalleArqueo)deno.First()).CantidadDenominacion;
            int Cantidad = int.Parse(dCantidad.Value.ToString("0"));
            
            <tr><td>@oDenominacion.TipoDenominacion</td><td><input type="text" style="width:70px" data-valor="@oDenominacion.ValorDenominacion" id="@oDenominacion.IdDenominacion" name="@oDenominacion.IdDenominacion" class="bdolares" value="@Cantidad" /></td></tr>
        }
        else
        {
            <tr><td>@oDenominacion.TipoDenominacion</td><td><input type="text" style="width:70px" data-valor="@oDenominacion.ValorDenominacion" id="@oDenominacion.IdDenominacion" name="@oDenominacion.IdDenominacion" class="bdolares" value="0" /></td></tr>
        }
    }
    else
    { 
        <tr><td>@oDenominacion.TipoDenominacion</td><td><input type="text" style="width:70px" data-valor="@oDenominacion.ValorDenominacion" id="@oDenominacion.IdDenominacion" name="@oDenominacion.IdDenominacion" class="bdolares" value="0" /></td></tr>
    }
}
</table>

</fieldset>
</div>

<div style="float:left;height:280px" class="group" />
    <fieldset style="height:250px">
	<legend>
        <h2>Tarjetas</h2>
     </legend>
<table style="width:200px">

<tr>
<td>Tipo</td>
<td><select id="stipo"><option value="Visa">Visa</option><option value="MasterCard">MasterCard</option></select></td>
<td>Voucher</td>
<td><input id="vvoucher" type="text" style="width:70px" /></td>
<td><input type="button" value="+" id="addCredito"  class="boton"  /></td>
</tr>


<tr>
<td></td>
<td></td>
<td>Monto S/.</td>
<td><input id="vmonto" type="text" style="width:70px" value="0" /></td>
<td></td>
</tr>


<tr><td colspan="5">

<div style="overflow:scroll;height:160px;width:100%">

<table style="width:95%;margin-left: 0px;" class="mGrid" cellpadding="0" cellspacing="0" border="0" id="tcredito">

<tr>
<th>Tipo</th>
<th>Voucher</th>
<th>Monto S/.</th>
<th></th>
</tr>
</table>

</div>

</td>
</tr>

</table>
</fieldset>
</div>

</div>


<div class="group">

<div style="float:left" class="group" />
    <fieldset>
	<legend>
        <h2>Total</h2>
     </legend>
<table style="width:160px">
<tr><td>Total</td><td><input type="text" style="width:70px;" id="totbsoles" value="0" readonly class="ctot"/></td></tr>
</table>
</fieldset>
</div>

<div style="float:left" class="group" />
    <fieldset>
	<legend>
        <h2>Total</h2>
     </legend>
<table style="width:160px">
<tr><td>Total</td><td><input type="text" style="width:70px" id="totmsoles" value="0" readonly class="ctot"/></td></tr>
</table>
</fieldset>
</div>

<div style="float:left" class="group" />
    <fieldset>
	<legend>
        <h2>Total</h2>
     </legend>
<table style="width:160px">
<tr><td>Total</td><td><input type="text" style="width:70px" id="totbdolares" value="0" readonly class="ctot"/></td></tr>
</table>
</fieldset>
</div>

<div style="float:left" class="group" />
    <fieldset>
	<legend>
        <h2>Total</h2>
     </legend>
<table style="width:285px">
<tr><td>Total</td><td><input type="text" style="width:70px" id="totcredito" value="0" readonly class="ctot"/></td></tr>
</table>
</fieldset>
</div>


<div style="float:left" class="group" />
    <fieldset style="height:120px">
	<legend>
        <h2>OPCIONES</h2>
     </legend>
<table style="width:530px">
<tr><td><input type="button" value="Nuevo" class="boton"  style="width:100px" id="bnuevo"/></td><td><input type="button" value="Eliminar" class="boton" style="width:100px"/></td><td colspan="2"><input id="chkValidar" type="checkbox" />Aprobación del Supervisor</td><td></td></tr>
<tr><td><input type="submit" value="Guardar" class="boton" style="width:100px"/></td><td><input type="button" id="btnHistorial" value="Historial" class="boton" style="width:100px"/></td><td><input type="button" value="Imprimir" class="boton" style="width:100px"/></td><td></td><td></td></tr>
</table>


</fieldset>
</div>

<div style="float:left" class="group" />
    <fieldset style="height:120px">
	<legend>
        <h2>Totales Generales</h2>
     </legend>
<table style="width:285px">
<tr><td>Sub Total</td><td><input type="text" style="width:70px" id="subTotalGen" value="0" readonly class="ctot"/></td></tr>
<tr><td>IGV</td><td><input type="text" style="width:70px" id="IGVGen" value="0" readonly class="ctot"/></td></tr>
<tr><td>Total General</td><td><input type="text" style="width:70px" id="TotalGen" value="0" readonly class="ctot"/></td></tr>
</table>
</fieldset>
</div>

</div>

<div id="dialogValidar" title="Validar Supervisor">

<table>
<tr>
<td>Usuario:</td>
<td><input type="text" id="#txtUsuario" /></td>
</tr>
<tr>
<td>Clave:</td>
<td><input type="text" id="#txtClave"/></td>
</tr>
</table>

</div>


<div id="dialogHistorial" title="Historial">

<div style="float:left" class="group" />
    <fieldset style="height:120px">
	<legend>
        <h2>Criterios de Búsqueda</h2>
     </legend>
<table style="text-align:left">

<tr><td>Código Arqueo</td><td><input type="text" /></td><td>Fecha Desde</td><td><input type="text" /></td><td>Fecha Hasta</td><td><input type="text" /></td><td>Turno</td><td><input type="text" /></td></tr>
<tr><td>Cajero</td><td colspan="3"><input type="text" /></td><td>Caja</td><td colspan="3"><input type="text" /></td></tr>

<tr><td colspan="8" style="text-align:right"><input type="button" id="bbuscar" class="boton" value="Buscar"/></td></tr>

</table>
</fieldset>
</div>


<table style="width:95%;margin-left: 0px;" class="mGrid" cellpadding="0" cellspacing="0" border="0" id="tHistorial">
<tr>
<th>Arqueo</th>
<th>Fecha</th>
<th>Turno</th>
<th>Hora</th>
<th>Cajero</th>
<th>Caja</th>
</tr>
</table>

</div>

</form>